<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 网易邮箱登录 </title>
    <style>
        header a {
            color: red;
        }

        section div input[type='text'] {
            background-color: #FFFFED;
            font-size: 18px;
        }

        section div input[type *='pass'] {
            background-color: #AACBEE;
        }

        section > img:nth-of-type(1){
            width: 209px;
            height: 148px;
        } 

        section ul li {
            color: #C6F5FF;
        }

        footer div a {
            color: #AE96F7;
        }
    </style>
</head>

<body>
    <header>
        <img src="./image/163logo.gif" alt=""><br>
        <br>
        <br>
        <br>
        <a href="#">免费邮</a>
        <a href="#">企业邮</a>
        <a href="#">VIP邮</a>
        <a href="#">帮助</a>
        <br>
        <br>
        <br>
    </header>


    <section>

        <img src="./image/imap.jpg" alt="">
        <ul>
            <li>163/126/yeah三大免费邮箱均默认开放</li>
            <li>全面支持iPhone/iPad及Android等系统</li>
            <li>客户端、手机与网页，实现发送、阅读邮件立即同步普通登录手机号登录</li>
        </ul>
        <a href="#">立即同步普通登录手机号登录</a>
        <form action="">
            <h4>
                <img src="./image/loginIcon.gif" alt="">
                普通登录
            </h4>
            <div>
                <label for="">用户名：</label>
                <input type="text" name="name">
            </div>

            <div>
                <label for="">密码：</label>
                <input type="passwprd" name="psw">
            </div>

            <div>
                <label for="">版本：</label>
                <select name="bb">

                    <option value="1">默认</option>
                    <option value="2">极速</option>

                </select>
            </div>

            <div>
                <input id="auto" name="bb" type="checkbox"><label for="auto">自动登录</label>
                <input id="ssl" name="bb" type="checkbox" checked><label for="ssl">SSL</label>
            </div>
        </form>

    </section>

    <footer>
        <div>
            <img src="./image/netease_logo.gif" alt="">

            <a href="">关于网易</a>
            <a href="">免费邮</a>
            <a href="">官方博客</a>
            <a href="">客户服务</a>
            <a href="">隐私政策</a>
            <a href="">| 网易公司版权所有&copy;</a>
            <a href="">1997-2011</a>
        </div>
    </footer>



</body>

</html>